<template>
  <div>
    <el-tabs type="border-card" tab-position="top">
      <el-tab-pane>
        <span slot="label"
          ><i class="el-icon-s-order" style="font-size: 20px"></i> 账单</span
        >
        <div>
          <el-card class="box-card">
            <div slot="header" class="clearfix">
              <span>{{tabTitle}}</span>
              <el-button style="float: right; padding: 3px 0" type="text"
                >操作按钮</el-button
              >
            </div>
            <div>
              <billDetail></billDetail>
            </div>
          </el-card>
        </div>
      </el-tab-pane>
      <el-tab-pane
        ><span slot="label">
          <i class="el-icon-circle-plus-outline" style="font-size: 20px"></i>
          记一笔</span
        >
        <billAdd></billAdd>
      </el-tab-pane>
      <el-tab-pane
        ><span slot="label">
          <i class="el-icon-circle-plus-outline" style="font-size: 20px"></i>
          预算</span
        ><budget></budget></el-tab-pane
      >
    </el-tabs>
    
  </div>
</template>
<script>
import BillAdd from "@/components/BillAdd/index";
import BillDetail from "@/components/BillDetail/index";
import Budget from "@/components/Budget/index";

export default {
  components: {
    BillAdd,
    // Pagination,
    BillDetail,
    Budget,
  },
  data() {
    return {
      tabTitle: "",
      bill: {
        minAmount: "",
        maxAmount: "",
        type: "",
        isIncome: "",
        userName: "",
        teamName: "",
        isTeam: "",
        remark: "",
      },
      pageNum: 1,
      pageSize: 10,
      total: 10,
      tableData: [],
    };
  },
  mounted() {
  },
  methods: {
    objectSpanMethod({ rowIndex, columnIndex }) {
      console.log(rowIndex, columnIndex);
      if (columnIndex === 0) {
        if (rowIndex % 2 === 0) {
          return {
            rowspan: 2,
            colspan: 1,
          };
        } else {
          return {
            rowspan: 0,
            colspan: 0,
          };
        }
      }
    },
  },
};
</script>
<style lang="scss" scoped>

.pagination {
  margin-left: 30%;
}
</style>